<template>
  <div class="box">
    <div class="color">
      我是一个组件
    </div>
   <div class="color1">
    我是一个组件
   </div>
   <h3>
    {{ msg }}
   </h3>
  
    <h4>
    {{ obj.name }}
   </h4>
  
    <h2>
    {{ obj.info.toUpperCase() }}
   </h2>
  <h5>
    {{ age > 17 ? '正是拼搏时':'正青春' }}
  </h5>
  </div>
</template>

<script>
export default {
  data() {
    return {
      age: 19,
      msg: '我是哈哈哈',
      obj: {
        name: '我是王五',
        info: 'hello world !',

      }
    }
  }
}
</script>


<style lang="less">
.box{
  .color{
    color:aqua
  }
  .color1{
    color: pink;
  }
}
</style>